#case{
    width:1200px;
    height:80px;
    margin:0 auto;
    margin-top:26px;
    a{  
        font-size:16px;
        color:#595959;
        border:1px solid #eee;
        display:inline-block;
        width:170px;
        height:55px;
        background:#fcfcfc;
        margin-right:12px;
        padding-top:22px;
        padding-left:14px;
        &:nth-of-type(1) div{
            background:url(../img/121.png)
        }
        &:nth-of-type(2) div{
            background:url(../img/212.png)
        }
        &:nth-of-type(3) div{
            background:url(../img/312.png)
        }
        &:nth-of-type(4) div{
            background:url(../img/412.png)
        }
        &:nth-of-type(5) div{
            background:url(../img/512.png)
        }
        &:nth-of-type(6) div{
            background:url(../img/612.png)
        }
        &:nth-of-type(6){
            margin-right:0;
        }
        div{
            float:left;
            width:38px;
            height:38px;
            // border:1px solid black;
            margin-right:26px;
          
        }
       span{
           position: relative;
           display: block;
           float:left;
           width:90px;
           height:50px;
        //    border:1px solid black;
           p{

                 &:nth-of-type(2){
                font-size:10px;
                color:#dadada;
                margin-top:6px;
                }
             }




             b{
                display: block;
                width:22px;
                height:16px;
                // border:1px solid black;
                background: url(../img/icons_03.png) no-repeat  -490px -11px;
                position:absolute;
                top:-16px;
                right:0;
            }
       }


      
    }
}


main{
    margin:0 auto;
    margin-top:50px;
    width:1200px;
    min-height:430px;
   
    .part1{
        .left{
            width:982px;
            height:430px;
            float:left;
            // border:1px solid black;
            .top{
                // border:1px solid black;
                overflow: hidden;
                span{
                    display: block;
                    float: left;
                    width:3px;
                    height:18px;
                    background:#ff7919;
                    margin-right:10px;
                }
                p:nth-of-type(1){
                    float:left;
                    margin-right:26px;
                    font-size:16px;
                    font-weight:900
                }
                p:nth-of-type(2){
                    float:left;
                    font-size:14px;
                    color:#a7a7a7;
                }
            }

            .bottom{
                overflow: hidden;
              
                margin-top:12px;
                dl{
                    width:223px;
                    height:387px;
                    overflow: hidden;
                    // border:1px solid black;
                    float:left;
                    margin-right:24px;
                   
                    &:nth-of-type(4){
                        margin-right:0;
                    }
                    dt{
                        width:220px;
                        height:290px;
                        // border:1px solid black;
                        position: relative;
                        &:hover{
                            div{
                                display: block;
                            }
                        }
                        img{
                            width:220px;
                            height:290px;
                        }

                        div{
                            width:196px;
                            height:68px;
                            background:rgba(236,100,1,.8);
                            position:absolute;
                            bottom:0;
                            padding: 0 12px;
                            display: none;
                           
                            i{ 
                              
                                display: inline-block;
                                // border:1px solid black;
                                width:18px;
                                height:18px;
                                &:nth-of-type(1){
                             
                                background:url(../img/index.png) no-repeat  -23px -78px;
                                }
                                &:nth-of-type(2){
                                    background:url(../img/index.png) no-repeat -23px -104px;
                                }
                            }
                            a{
                                color:white;
                                line-height:34px;
                                font-size:14px;
                            }
                        }
                    }
                }
                dd{
                    margin-top:10px;
                }
                span:nth-of-type(1){
                    
                    display: block;
                    width:223px;
                    height:44px;
                    overflow: hidden;
                    // text-overflow:ellipsis;
                    // border:1px solid black;
                    font-size:14px;
                    line-height:22px;
                    &:hover{
                        color:#ff7919;
                    }
                }

                span:nth-of-type(2){
                    display: block;
                   width:223px;
                   height:30px;
                //    border:1px solid black;
                   
                    overflow: hidden;
                    color:#ccc;
                    font-size:14px;
                    position: relative;
                    margin-top:14px;
                    h3{
                        &:nth-of-type(1){
                             //    border:1px solid black;
                            float:left;
                            position: absolute;
                            bottom:0;
                            // border-right:1px solid #ccc;
                            padding-right:5px;
                        }
                        &:nth-of-type(2){
                            //    border:1px solid black;
                           float:right;
                           position:absolute;
                           right:0;
                           b{
                            
                            color:#ff7919;
                            &:nth-of-type(2){
                                font-size:26px;
                            }
                           }
                       }
                    }
                }
            }
        }
        .right{
          
            div{
                overflow: hidden;
                
                
                    span{
                        display: block;
                        float: left;
                        width:3px;
                        height:18px;
                        background:#ff7919;
                        margin-right:10px;
                    }
                    p:nth-of-type(1){
                        float:left;
                        margin-right:26px;
                        font-size:16px;
                        font-weight:900
                    }
                    p:nth-of-type(2){
                       float:right;
                    }
               
                    &:nth-of-type(2){
                        width:218px;
                        height:156px;
                        // border:1px solid black;
                        border-bottom:1px dashed #ccc;
                        margin-top:12px;
                        dt{
                            img{
                                width:218px;
                                height:106px;
                            }
                        }

                        dd{
                            color:#888;
                            font-size:14px;
                            line-height:48px;
                            &:hover{
                                color:#ff7919;
                            }
                        }
                    }
            }
            div:nth-of-type(3){
                padding-top:20px;
                height:53px;
                border-bottom:2px solid #ccc;
                color:#a7a7a7;
                p:hover{
                    color:#ff7919;
                }
            }
            ul{
                overflow: hidden;
                li{
                    float:left;
                    border:1px solid #ccc;
                    margin-right:16px;
                    margin-top:14px;
                    &:hover{
                        border:1px solid #ff7919;
                        a{
                            color:#ff7919;
                        }
                    }
                    a{
                        color:#878787;
                        font-size:14px;
                    
                        padding:10px 13px;
                    }
                }
            }
        }
    }
}
